{% extends "hocabul/header.html" %}

{% block extrahead %}
{% endblock %}
{% block body %}

<div class="header">
	<h1>Courses</h1>
</div>
<ul class="list" id="course_list">
	{% for course in courses %}
    		<li id="c{{ course.id }}" course_id="{{ course.id }}" course_name="{{ course.name }}"=>{{ course.name }}	
	    		<a onclick="course_edits.delete_course({{cur_user.id}},{{course.id}});
	        	return false;"
	        	href="#c{{course.id}}">[x]
	        </a>
    		</li>
	{% endfor %}
</ul>
 
 <div id="add_course_div" class="add_item_div">
  	<select id='department_selector' onchange="course_edits.display_courses(this.options[this.selectedIndex].value)">
  		{% for department in departments %}
  			<option value="{{ department.id }}">{{ department.name }} </option>
  		{% endfor %}
  	</select>
  	<select id='course_selector' onchange='window.location=this.options[this.selectedIndex].value'>
  	</select>
  </div>
{% block course_body %}
{% endblock%}
{% endblock%}




